<!--
  Generated template for the EmergencyEventListPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>电梯应急救援演练</ion-title>
  </ion-navbar>

</ion-header>


<ion-content class="emdrill">
  <ion-list>
    <ion-item>
      <ion-label stacked>救援演练单位</ion-label>
      <ion-input readonly="true" type="text" [(ngModel)]="rescueDrill.drillPartyName"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>电梯应急演练负责人</ion-label>
      <ion-input readonly="true" placeholder="请输入" type="text" [(ngModel)]="rescueDrill.drillRecordUserName"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>电梯应急救援演练目的</ion-label>
      <ion-textarea rows="2" type="text" placeholder="请输入" [(ngModel)]="rescueDrill.drillContent"></ion-textarea>
    </ion-item>
    <!-- <ion-item>
      <ion-label stacked>电梯应急演练日期</ion-label>
      <ion-datetime placeholder="请选择" displayFormat="YYYY-MM-DD" [(ngModel)]="rescueDrill.drillDate" cancelText="取消" doneText="确定"></ion-datetime>
    </ion-item> -->
    <ion-item>
      <ion-label stacked>参加演练维保单位</ion-label>
      <ion-input  (ionChange) ="queryParty()" placeholder="请输入" type="text"  [(ngModel)]="rescueDrill.maintenancePartyName"></ion-input>
    </ion-item>
    <ion-item >
      <ion-select style="font-size: 12px"  [(ngModel)]="rescueDrill.maintenancePartyName" placeholder="请点击此处搜索" multiple="false" cancelText="取消" okText="确定">
        <ion-option *ngFor="let party of maintenancePartys" value="{{party.partyName}}">{{party.partyName}}</ion-option>
      </ion-select>
    </ion-item>
    <ion-item>
      <ion-label stacked>电梯应急演练类型</ion-label>
      <ion-select [(ngModel)]="rescueDrill.drillType" placeholder="请选择" multiple="false" cancelText="取消" okText="确定">
        <ion-option value="1">困人事故</ion-option>
        <ion-option value="2">挤压事故</ion-option>
        <ion-option value="3">坠落事故</ion-option>
        <ion-option value="4">剪切事故</ion-option>
      </ion-select>
    </ion-item>
    <ion-item>
      <ion-label stacked>演练开始时间</ion-label>
      <ion-datetime placeholder="请选择" displayFormat="HH:mm" [(ngModel)]="rescueDrill.drillStdt" cancelText="取消" doneText="确定"></ion-datetime>
    </ion-item>
    <ion-item>
      <ion-label stacked>演练结束时间</ion-label>
      <ion-datetime placeholder="请选择" displayFormat="HH:mm" [(ngModel)]="rescueDrill.drillEdt" cancelText="取消" doneText="确定"></ion-datetime>
    </ion-item>
    <ion-item>
      <ion-label stacked>小区</ion-label>
      <ion-input placeholder="请输入" type="text" [(ngModel)]="rescueDrill.community"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>栋</ion-label>
      <ion-input placeholder="请输入" type="text" [(ngModel)]="rescueDrill.building"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>单元</ion-label>
      <ion-input placeholder="请输入" type="text" [(ngModel)]="rescueDrill.unit"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>梯号</ion-label>
      <ion-input placeholder="请输入" type="text" [(ngModel)]="rescueDrill.ladderNumber"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>监控中心接到求援电话时间</ion-label>
      <ion-datetime placeholder="请选择" displayFormat="HH:mm" [(ngModel)]="hm1" cancelText="取消" doneText="确定"></ion-datetime>
    </ion-item>
    <ion-item>
      <ion-label stacked>监控中心通知电梯应急救援小组及施救人员时间</ion-label>
      <ion-datetime placeholder="请选择" displayFormat="HH:mm" [(ngModel)]="hm2" cancelText="取消" doneText="确定"></ion-datetime>
    </ion-item>
    <ion-item>
      <ion-label stacked>救援小组赶赴现场时间</ion-label>
      <ion-datetime placeholder="请选择" displayFormat="HH:mm" [(ngModel)]="hm3" cancelText="取消" doneText="确定"></ion-datetime>
    </ion-item>
    <ion-item>
      <ion-label stacked>施救人员赶赴现场时间</ion-label>
      <ion-datetime placeholder="请选择" displayFormat="HH:mm" [(ngModel)]="hm4" cancelText="取消" doneText="确定"></ion-datetime>
    </ion-item>
    <ion-item>
      <ion-label stacked>维保单位开始检查电梯故障原因并排除电梯故障</ion-label>
      <ion-datetime placeholder="请选择" displayFormat="HH:mm" [(ngModel)]="hm5" cancelText="取消" doneText="确定"></ion-datetime>
    </ion-item>
    <ion-item>
      <ion-label stacked>维保单位检查并排除故障时间</ion-label>
      <ion-datetime placeholder="请选择" displayFormat="HH:mm" [(ngModel)]="hm6" cancelText="取消" doneText="确定"></ion-datetime>
    </ion-item>
    <ion-item>
      <ion-label stacked>电梯恢复正常使用时间</ion-label>
      <ion-datetime placeholder="请选择" displayFormat="HH:mm" [(ngModel)]="hm7" cancelText="取消" doneText="确定"></ion-datetime>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">是否及时与被困人员通话</ion-label>
      <br>
    </ion-item>
    <ion-item>
      <input type="radio" name="isPhone" [(ngModel)]="rescueDrill.isPhone" value="是"><label>是</label>
      <input type="radio" name="isPhone" [(ngModel)]="rescueDrill.isPhone" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">是否通过通话及监控确认电梯里被困人数</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="isSurePerson" [(ngModel)]="rescueDrill.isSurePerson" value="是"><label>是</label>
      <input type="radio" name="isSurePerson" [(ngModel)]="rescueDrill.isSurePerson" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked>被困人数</ion-label>
      <ion-input placeholder="请输入" type="number" [(ngModel)]="rescueDrill.personNum"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">是否确认电梯位置信息及被困人员相关情况</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="isSureSth" [(ngModel)]="rescueDrill.isSureSth" value="是"><label>是</label>
      <input type="radio" name="isSureSth" [(ngModel)]="rescueDrill.isSureSth" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">是否对被困人员进行必要的安抚，被困人员情绪稳定</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="isEmotion" [(ngModel)]="rescueDrill.isEmotion" value="是"><label>是</label>
      <input type="radio" name="isEmotion" [(ngModel)]="rescueDrill.isEmotion" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background-color: ghostwhite">是否及时联系应急救援小组通报情况</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="isTimelyReport" [(ngModel)]="rescueDrill.isTimelyReport" value="是"><label>是</label>
      <input type="radio" name="isTimelyReport" [(ngModel)]="rescueDrill.isTimelyReport" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">是否及时响应、启动电梯事故救援预案</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="isTimelyResponse" [(ngModel)]="rescueDrill.isTimelyResponse" value="是"><label>是</label>
      <input type="radio" name="isTimelyResponse" [(ngModel)]="rescueDrill.isTimelyResponse" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">是否及时、准确向电梯维保单位发出应急救援信息</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="isTimelyReact" [(ngModel)]="rescueDrill.isTimelyReact" value="是"><label>是</label>
      <input type="radio" name="isTimelyReact" [(ngModel)]="rescueDrill.isTimelyReact" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">是否有专业人员（持证）及时赶往机房</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="isCzPerson" [(ngModel)]="rescueDrill.isCzPerson" value="是"><label>是</label>
      <input type="radio" name="isCzPerson" [(ngModel)]="rescueDrill.isCzPerson" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">是否安排人员与受困人员取得联系</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="isConnect" [(ngModel)]="rescueDrill.isConnect" value="是"><label>是</label>
      <input type="radio" name="isConnect" [(ngModel)]="rescueDrill.isConnect" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">是否在现场采取适当防护措施</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="isDosth" [(ngModel)]="rescueDrill.isDosth" value="是"><label>是</label>
      <input type="radio" name="isDosth" [(ngModel)]="rescueDrill.isDosth" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">是否在故障电梯厅门外持续安抚被困乘客</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="isAnfu" [(ngModel)]="rescueDrill.isAnfu" value="是"><label>是</label>
      <input type="radio" name="isAnfu" [(ngModel)]="rescueDrill.isAnfu" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">是否在解救完成后采取适当善后措施</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="isDosthAfter" [(ngModel)]="rescueDrill.isDosthAfter" value="是"><label>是</label>
      <input type="radio" name="isDosthAfter" [(ngModel)]="rescueDrill.isDosthAfter" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">是否按相关规定及时到达困人现场</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="isIntime" [(ngModel)]="rescueDrill.isIntime" value="是"><label>是</label>
      <input type="radio" name="isIntime" [(ngModel)]="rescueDrill.isIntime" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">是否在到达现场后与物业应急救援小组充分沟通</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="isGout" [(ngModel)]="rescueDrill.isGout" value="是"><label>是</label>
      <input type="radio" name="isGout" [(ngModel)]="rescueDrill.isGout" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">救援人员携带现场救援工具是否齐全</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="isQuan" [(ngModel)]="rescueDrill.isQuan" value="是"><label>是</label>
      <input type="radio" name="isQuan" [(ngModel)]="rescueDrill.isQuan" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">救援采用手段及操作方法、步骤是否正确</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="isRight" [(ngModel)]="rescueDrill.isRight" value="是"><label>是</label>
      <input type="radio" name="isRight" [(ngModel)]="rescueDrill.isRight" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">是否与使用单位配合程度及现场实施救援熟练</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="slcd" [(ngModel)]="rescueDrill.slcd" value="是"><label>是</label>
      <input type="radio" name="slcd" [(ngModel)]="rescueDrill.slcd" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked style="background: ghostwhite">救援完成后是否及时检查事故原因及排除电梯故障</ion-label>
    </ion-item>
    <ion-item>
      <input type="radio" name="isPaicha" [(ngModel)]="rescueDrill.isPaicha" value="是"><label>是</label>
      <input type="radio" name="isPaicha" [(ngModel)]="rescueDrill.isPaicha" value="否"><label>否</label>
    </ion-item>
    <ion-item>
      <ion-label stacked>救援演练总结</ion-label>
      <ion-textarea rows="7" type="text" placeholder="请输入总结" [(ngModel)]="rescueDrill.summary"></ion-textarea>
    </ion-item>
    <ion-card>
      <p>演练现场照片</p>
      <div class="camera">
        <img *ngFor="let pic of images " (click)="onHold(pic)" src="{{appConfig.IP_URL+appConfig.API.getUpload+pic}}" />
        <img src="assets/icon/remark_camera.png" (click)="presentActionSheet('c')">
      </div>
    </ion-card>
    <div class="area1">
      <p style="line-height: 18px; font-size: 14px;">
        <img style="vertical-align: middle; display: inline-block; width: 18px; margin-right: 4px;" src="assets/icon/icon_remind.png">安全管理员签名</p>
      <signatrue [inValue]="time1" (outPut)="getSafeImgUrl($event)"></signatrue>
    </div>

    <div class="area1">
      <p style="line-height: 18px; font-size: 14px;">
        <img style="vertical-align: middle; display: inline-block; width: 18px; margin-right: 4px;" src="assets/icon/icon_remind.png">维保人员1签名</p>
      <signatrue [inValue]="time2" (outPut)="getMaint1ImgUrl($event)"></signatrue>
    </div>
    <div class="area1">
      <p style="line-height: 18px; font-size: 14px;">
        <img style="vertical-align: middle; display: inline-block; width: 18px; margin-right: 4px;" src="assets/icon/icon_remind.png">维保人员2签名</p>
      <signatrue [inValue]="time3" (outPut)="getMaint2ImgUrl($event)"></signatrue>
    </div>
  </ion-list>
  <button ion-button full class="btn" (click)="doConfirm()">确认</button>
</ion-content>
